<!DOCTYPE HTML>
<!--
	Apex by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
-->
<html>
	<head>
		<title> </title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.dropotron.min.js"></script>
		<script src="js/jquery.slidertron.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-layers.min.js"></script>
		<script src="js/init.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
		</noscript>
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
	</head>
	<body>

		<!-- Header Wrapper -->
			<div id="header-wrapper">
			
				<!-- Header -->
					<div class="container">
						<header id="page-header">
							<h1><a href="index.html" id="logo"><span>Apex</span> by Pixelarity</a></h1>
							<nav id="nav">
								<ul>
									<li><a href="index.html">Homepage</a></li>
									<li>
										<a href="" class="arrow">Dropdown</a>
										<ul>
											<li><a href="#">Lorem ipsum dolor</a></li>
											<li><a href="#">Magna phasellus</a></li>
											<li><a href="#">Etiam dolore nisl</a></li>
											<li>
												<span class="arrow">Phasellus consequat</span>
												<ul>
													<li><a href="#">Lorem ipsum dolor</a></li>
													<li><a href="#">Phasellus consequat</a></li>
													<li><a href="#">Magna phasellus</a></li>
													<li><a href="#">Etiam dolore nisl</a></li>
													<li><a href="#">Veroeros feugiat</a></li>
												</ul>
											</li>
											<li><a href="#">Veroeros feugiat</a></li>
										</ul>
									</li>
									<li><a href="left-sidebar.html">Left Sidebar</a></li>
									<li class="current_page_item"><a href="right-sidebar.html">Right Sidebar</a></li>
									<li><a href="no-sidebar.html">No Sidebar</a></li>
								</ul>
							</nav>
						</header>
					</div>
		
			</div>

		<!-- Search Wrapper -->
			<div id="search-wrapper">
				
				<!-- Search -->
					<div class="container" id="search">
						<span>Ultricies pellentesque turpis ultrices vestibulum ut nulla sem, vel iaculis arcu.</span>
						<div class="row">
							<div class="-8u 4u">
								<div class="side-padded">
									<form method="post" action="#">
										<div>
											<input type="text" class="text" name="search" placeholder="Search our site" />
											<input type="submit" value="Search" class="button" />
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					
			</div>
				
		<!-- Main -->
			<div id="main-wrapper">
				<div class="container">
					<div class="row">
						<div class="8u important(collapse)">
							
							<!-- Content -->
								<div id="content">
								
									<!-- Article -->
										<article class="featured">
											<header>
												<h2>Right Sidebar</h2>
												<span class="byline">Dolor sit amet adipiscing consequat veroeros</span>
											</header>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque faucibus est eu enim tristique dapibus et nec lectus. Sed et dolor velit, ut interdum velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi felis erat, tempus in accumsan congue, molestie nec quam. Nullam adipiscing felis at eros dignissim consequat. Proin a diam in sapien blandit semper. Vestibulum ac orci at lorem egestas tincidunt eget at diam. Mauris malesuada nibh in est laoreet a tincidunt tellus bibendum. Suspendisse molestie tellus a metus molestie rhoncus. Nulla sed bibendum enim. Phasellus viverra suscipit mattis. Nunc magna turpis, laoreet et aliquet et, eleifend sagittis odio. Quisque nec odio magna. Suspendisse potenti. Sed et arcu sed nunc pulvinar vehicula vitae vel dui. Mauris dolor lorem, pulvinar eu varius in, lobortis eget libero.</p>
											<p>Suspendisse vulputate vulputate pulvinar. Vivamus vel ultricies nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In erat nibh, volutpat id pellentesque a, pharetra ut nunc. Sed id urna sit amet purus convallis ornare. Sed laoreet, tellus a malesuada bibendum, ligula diam dapibus est, id laoreet tortor neque vel odio. Nulla in sem metus, eu consequat nisl. In a odio est.</p>
											<h3>Magna phasellus dolore</h3>
											<p>Suspendisse vel justo ipsum, vitae sagittis ipsum. Aenean quis ligula sed massa dignissim venenatis. Curabitur hendrerit lectus in nibh pharetra luctus scelerisque enim feugiat. Aliquam congue est in libero aliquam ut cursus tortor semper. Ut commodo, elit vitae volutpat ornare, erat nisi mattis massa, non viverra nunc augue vitae metus. Nam ornare aliquet dolor, eu auctor nisi tristique ac. Nunc et elementum quam. Maecenas ut est magna, ut commodo tellus. Aliquam erat volutpat. Sed sed dui nisl. Cras et eros ut leo fermentum fringilla. Sed aliquet massa at nibh tristique eget sagittis est viverra. Aenean condimentum condimentum nulla non laoreet. Maecenas tempor aliquet mi sed tempor.</p>
											<h3>Feugiat tempus aliquam</h3>
											<p>Integer sed gravida ipsum. Pellentesque posuere rutrum orci eu varius. Pellentesque ut erat sed dolor malesuada lacinia. Praesent auctor diam sed nisi hendrerit tincidunt. Proin ut diam ante. Morbi ullamcorper ante eu magna fringilla et accumsan lorem porta. Etiam arcu ante, sagittis et luctus a, placerat vel augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
										</article>
								
									<!-- Section 1 -->
										<section>
											<header>
												<h2>Urna tempus lorem venenatis</h2>
											</header>
											<div class="grid-spaced">
												<div class="row">
													<div class="6u"><section>
														<a href="#" class="image image-style2 align-left"><img src="images/pic06.jpg" alt="" /></a>
														<h3>Dolore nisl vivamus consequat</h3>
														<p>Nulla sem, vel amet iaculis arcu. Nulla vel lorem imperdiet elit sed 
														dolore amet sed tempus. <a href="#">Learn more ...</a></p>
													</section></div>
													<div class="6u"><section>
														<a href="#" class="image image-style2 align-left"><img src="images/pic07.jpg" alt="" /></a>
														<h3>Dolore nisl vivamus consequat</h3>
														<p>Nulla sem, vel amet iaculis arcu. Nulla vel lorem imperdiet elit sed 
														dolore amet sed tempus. <a href="#">Learn more ...</a></p>
													</section></div>
												</div>
												<div class="row">
													<div class="6u"><section>
														<a href="#" class="image image-style2 align-left"><img src="images/pic08.jpg" alt="" /></a>
														<h3>Dolore nisl vivamus consequat</h3>
														<p>Nulla sem, vel amet iaculis arcu. Nulla vel lorem imperdiet elit sed 
														dolore amet sed tempus. <a href="#">Learn more ...</a></p>
													</section></div>
													<div class="6u"><section>
														<a href="#" class="image image-style2 align-left"><img src="images/pic09.jpg" alt="" /></a>
														<h3>Dolore nisl vivamus consequat</h3>
														<p>Nulla sem, vel amet iaculis arcu. Nulla vel lorem imperdiet elit sed 
														dolore amet sed tempus. <a href="#">Learn more ...</a></p>
													</section></div>
												</div>
												<div class="row">
													<div class="6u"><section>
														<a href="#" class="image image-style2 align-left"><img src="images/pic10.jpg" alt="" /></a>
														<h3>Dolore nisl vivamus consequat</h3>
														<p>Nulla sem, vel amet iaculis arcu. Nulla vel lorem imperdiet elit sed 
														dolore amet sed tempus. <a href="#">Learn more ...</a></p>
													</section></div>
													<div class="6u"><section>
														<a href="#" class="image image-style2 align-left"><img src="images/pic11.jpg" alt="" /></a>
														<h3>Dolore nisl vivamus consequat</h3>
														<p>Nulla sem, vel amet iaculis arcu. Nulla vel lorem imperdiet elit sed 
														dolore amet sed tempus. <a href="#">Learn more ...</a></p>
													</section></div>
												</div>
											</div>
										</section>
								
								</div>

						</div>
						<div class="4u">
							<div class="right-sidebar">

								<!-- Sidebar -->
									<div id="sidebar">
									
										<!-- Section 2 -->
											<section>
												<header>
													<h2>Aliquam imperdiet venenatis</h2>
												</header>
												<ul class="style1 posts">
													<li>
														<a href="#" class="image align-left"><img src="images/pic12.jpg" alt="" /></a>
														<h3>Etiam nisl cursus dolore?</h3>
														<p>Magna feugiat lorem adipiscing ipsum.</p>
														<span class="date">6 hours ago</span>
													</li>
													<li>
														<a href="#" class="image align-left"><img src="images/pic13.jpg" alt="" /></a>
														<h3>Phasellus lorem ipsum amet</h3>
														<p>Lorem ipsum dolor amet consequat.</p>
														<span class="date">12 hours ago</span>
													</li>
													<li>
														<a href="#" class="image align-left"><img src="images/pic14.jpg" alt="" /></a>
														<h3>Tempus facilis lorem ipsum</h3>
														<p>Curabitur viverra felis vel vehicula.</p>
														<span class="date">18 hours ago</span>
													</li>
													<li>
														<a href="#" class="image align-left"><img src="images/pic15.jpg" alt="" /></a>
														<h3>Phasellus lorem ipsum amet</h3>
														<p>Lorem ipsum dolor amet consequat.</p>
														<span class="date">1 day ago</span>
													</li>
													<li>
														<a href="#" class="image align-left"><img src="images/pic16.jpg" alt="" /></a>
														<h3>Tempus facilis lorem ipsum</h3>
														<p>Curabitur viverra felis vel vehicula.</p>
														<span class="date">2 days ago</span>
													</li>
												</ul>
												<a href="#" class="button">More Articles</a>
											</section>

										<!-- Section 3 -->
											<section>
												<header>
													<h2>@untitled</h2>
												</header>
												<ul class="style1 tweets">
													<li>
														<p>Imperdiet elit sed dolore lacus venenatis rutrum. Vivamus vulputate 
														urna dolor est sagittis laoreet. <a href="#">t.co/xxxxxxxxxx</a></p>
														<span class="date">3 hours ago</span>
													</li>
													<li>
														<p><a href="#">@4templates</a> Urna dolor est sagittis laoreet veroeros blandit 
														sed etiam magna lorem ipsum venenatis etiam.</p>
														<span class="date">5 hours ago</span>
													</li>
													<li>
														<p>Laoreet veroeros blandit sed etiam magna lorem sed ipsum venenatis etiam 
														<a href="#">@4templates</a> magna tempus lorem.</p>
														<span class="date">12 hours ago</span>
													</li>
												</ul>
												<a href="#" class="button">More Tweets</a>
											</section>
									
									</div>
							
							</div>
						</div>
					</div>
				</div>
			</div>

		<!-- Footer -->
			<div id="footer-wrapper">
				<footer id="page-footer" class="container">
					<div class="row">
						<div class="4u">
							
							<!-- Links 1 -->
								<section>
									<h2>Phasellus lacus consequat</h2>
									<ul class="style2">
										<li><a href="#">Consequat convallis mattis etiam</a></li>
										<li><a href="#">Gravida dui scelerisque viverra cursus</a></li>
										<li><a href="#">Urna neque pretium diam suscipit ligula</a></li>
										<li><a href="#">Lorem ipsum dolor sit  consectetur</a></li>
										<li><a href="#">Class aptent taciti sociosqu sed torquent</a></li>
										<li><a href="#">Conubia nostra per inceptos lorem</a></li>
										<li><a href="#">Gravida dui scelerisque viverra cursus</a></li>
									</ul>
								</section>
							
						</div>
						<div class="4u">
							
							<!-- Links 2 -->
								<section>
									<h2>Toruqnet tempus adipiscing</h2>
									<ul class="style2">
										<li><a href="#">Consequat convallis mattis etiam</a></li>
										<li><a href="#">Gravida dui scelerisque viverra cursus</a></li>
										<li><a href="#">Urna neque pretium diam suscipit ligula</a></li>
										<li><a href="#">Lorem ipsum dolor sit  consectetur</a></li>
										<li><a href="#">Class aptent taciti sociosqu sed torquent</a></li>
										<li><a href="#">Conubia nostra per inceptos lorem</a></li>
										<li><a href="#">Gravida dui scelerisque viverra cursus</a></li>
									</ul>
								</section>
							
						</div>
						<div class="4u">
							<div class="side-padded">

								<!-- Contact -->
									<section>
										<h2>Lorem ipsum dolor sit amet</h2>
										<p>Nulla sem, vel iaculis arcu. Nulla vel lorem imperdiet elit sed 
										dolore lacus venenatis dolore blandit tempus lorem.</p>
										<ul class="contact">
											<li class="fa-home">
												Untitled Corporation, Inc<br />
												1234 Somewhere Road Suite #5432<br />
												Nashville, Tennessee 00000-0000
											</li>
											<li class="fa-envelope">
												<a href="#">information@untitled-corporation.tld</a>
											</li>
											<li class="fa-twitter">
												<a href="#">@untitled-corporation</a>
											</li>
											<li class="fa-phone">
												(800) 000-0000
											</li>
										</ul>
									</section>

							</div>
						</div>
					</div>
					<div id="copyright">
						Copyright &copy; Untitled Corporation, Inc. All rights reserved. Lorem ipsum dolor sit amet phasellus consequat.
					</div>
				</footer>
			</div>

	</body>
</html>